<div [ngClass]="{'item-placeholder':deep==3}" class="item-self">
  <div class="text-nowrap">
    <a (click)="doUpdateInfo(data)" nz-tooltip nzPlacement="top" nzTitle="编辑">
      {{data.title}}
    </a>
    <a (click)="doUpdateResource({permission:data.permission,title: titleRoute.join('>')})" class="ml-xs" nz-tooltip
       nzPlacement="top"
       nzTitle="资源设置">
      <i nz-icon type="setting"></i>
    </a>
  </div>
  <div class="text-grey text-nowrap">{{data.permission}}</div>

</div>
<div *ngIf="data.children && data.children.length>0" class="item-children">
  <pld-permission-configuration-item *ngFor="let item of data.children"
                                     [data]="item"
                                     [deep]="deep+1"
                                     [parentTitleRoute]="titleRoute"
                                     [parentOptions]="parentOptions"
                                     (updateInfo)="doUpdateInfo($event)"
                                     (updateResource)="doUpdateResource($event)"
  ></pld-permission-configuration-item>
</div>
<div *ngIf="data.children && data.children.length==0 && deep<=2" class="item-placeholder"></div>

